import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.scss";
import '@fortawesome/fontawesome-free/css/all.css';
import React from "react"
import Tab from "@/components/tab"

import { StoreProvider } from "@/store/tabs"


const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "顺风车",
  description: "全国各地顺风车免费平台",
};

interface RootLayoutProps {
  children: React.ReactNode
  initialActiveTab:  never; // 0 | 1 | 2 | 3  
}

const RootLayout: React.FC<RootLayoutProps> = ({children, initialActiveTab}) => {
  return (
    <html lang="en">
      <body className={inter.className}>
        <StoreProvider>
          <div className={`main`}>      
            {children}
            <Tab  />
          </div>
        </StoreProvider>
        </body>
    </html>
  );
}

export default RootLayout;